<template>
	<view>
		<view class="title">
			成功创建球局
		</view>
		<uni-card title="赛事名称" extra="额外信息">
			<text class="uni-body">{{eventname}}</text>
		</uni-card>
		<uni-card title="场地" extra="额外信息">
			<text class="uni-body">{{field}}</text>
		</uni-card>
		<uni-card title="时间" extra="额外信息">
			<text class="uni-body">{{time}}</text>
		</uni-card>
		<uni-card title="赛制" extra="额外信息">
			<text class="uni-body">{{format}}</text>
		</uni-card>
		<uni-card title="限制" extra="额外信息">
			<text class="uni-body">{{limit}}</text>
		</uni-card>
		<uni-card title="说明" extra="额外信息">
			<text class="uni-body">{{remark}}</text>
		</uni-card>
		<button class="button" type="primary">邀请好友加入球局</button>
	</view>
</template>

<script>
export default {
  onLoad(query) {
    // Retrieve parameters from query object
    this.eventname = query.name || '';
    this.field = query.fieldID || '';
    this.format = query.rule || '';
    this.limit = query.value3 || '';
    this.time = query.date || '';
	this.remark = query.description || '';
  },
  data() {
    return {
      eventname: '',
      field: '',
      format: '',
      limit: '',
      time: '',
	  remark:''
    };
  }
};
</script>


<style lang="scss" scoped>
	.title{
		display:flex;
		align-items: center;
		justify-content: center;
		font-size: 45rpx;
		margin-top: 50rpx;
		margin-bottom: 100rpx;
	}
	.button{
			width: 50%;
			display: block;
			justify-content: space-between;
			align-items: center;
		.button .text {
			display: flex;
			justify-content: center; /* 文本水平居中 */
			align-items: center; /* 文本垂直居中 */
			}
		}
</style>
